<template>
	<view style="min-height: 100vh;background-color: #F3F3F3;">
		<view class="items" @click="toNext" data-index="1">
			<view>证照公示</view>
			<image src="../../static/mine/more.png"></image>
		</view>
		<view class="items" @click="toNext" data-index="2">
			<view>用户服务协议</view>
			<image src="../../static/mine/more.png"></image>
		</view>
		<view class="items" @click="toNext" data-index="3">
			<view>隐私条款</view>
			<image src="../../static/mine/more.png"></image>
		</view>
		<view class="items" @click="toNext" data-index="4">
			<view>知识产权声明</view>
			<image src="../../static/mine/more.png"></image>
		</view>
		<view class="items" @click="toNext" data-index="5">
			<view>商户服务协议</view>
			<image src="../../static/mine/more.png"></image>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			toNext(e){
				let index = e.target.dataset.index || e.currentTarget.dataset.index;
				console.log(index)
				uni.navigateTo({
					url:"/pages/pageone/pages/About-us/About-us?index="+index
				})
			}
		}
	}
</script>

<style scoped>
	.items{
		width: 100%;
		height: 88upx;
		border-bottom: 2upx solid #F3F3F3;
		display: flex;
		align-items: center;
		padding: 0 24upx;
		box-sizing: border-box;
		justify-content: space-between;
		background: white;
	}
	.items>view{
		font-size: 28upx;
		line-height: 88upx;
		color: #333333;
	}
	.items>image{
		width: 32upx;
		height: 32upx;
	}
	.items:last-child{
		border-bottom: none;
	}
</style>
